<template>
	<view class="content">

		<swiper class="swiper" :style="`height:${SwiperHeight}px`" :indicator-dots="indicatorDots" :autoplay="autoplay"
			:interval="interval" :duration="duration" indicator-active-color="rgba(18,19,223,1)">
			<swiper-item>
				<view class="swiper-item">
					<image class="banner" mode="widthFix" src="/static/img1.png"></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image class="banner" mode="widthFix" src="/static/img2.png"></image>
				</view>
			</swiper-item>
		</swiper>


		<view class="caozuo">
			<view class="item borderBottom">
				<view class="left">
					<view class="title" @click="openService('create')">创建身份</view>
					<view class="miaoshu">第一次使用钱包</view>
					
				</view>
				<view class="right"> 
					<image class="rightImg" src="/static/right.png" mode="widthFix"></image>
				</view>
			</view>
			<view class="item">
				<view class="left">
					<view class="title" @click="openService('restar')">恢复身份</view>
					<view class="miaoshu">已拥有钱包</view>
				</view>
				<view class="right">
					<image class="rightImg" src="/static/right.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		
		<view class="help">
		
					<image class="helpImg" mode="widthFix"  src="/static/wenhao.png"></image>
					<view class="helpTitle">如何迁移imToken1.0钱包</view>
			
		</view>
		
		<uni-popup ref="popup" type="bottom" background-color="#fff" @change="popChange">
			
			<view class="popup" >
				<view class="popup_title" >
					<image class="back" mode="widthFix" src="/static/close1.png" @click="closePop"></image>
					<view class="topTitle">服务条款</view>
					<image class="lag" src="/static/wangluo.png" mode="widthFix"></image>
				</view>
				<view class="popup_content">
					<h3 class="fw_title">imToken服务协议</h3>
					<view class="fw_time">最近更新于2019年02月15日</view>
					<view class="fw_time">尊敬的用户:</view>
					<view class="fw_time">感谢您选择imToken服务。《imToken服务协议》(以下简称"本协议")由IMTOKEN PTELTD(以下简称本公司"。公司注册号:201800958N，本公司是一家在新加坡注册的公司，注册地址为9TemasekBoulevard#04-02
Suntec Tower Two Singapore038989)和您(以下简称用户")签订，本协议在您与本公司之间具有合同上的法律效力。在本协议中:(1)“我们”和“我们”指代本公司，“我们的"应据此解释:及(2)“您”指代用户，"您的"应据此解释。您和本公司单独称为“--方"，合称为“双方”。本公司在此特别提醒您在使用我们的imToken移动应用(以下简
称"imToken或本软件"，imToken可在各移动应用平台上下载，包括但不限于GooglePlav和AppleAppStore)之前，请认真阅读本协议及后文提及的相关协议，尤其是本协议中“免责及责任限制”等以加粗形式体现的条款，确保您充分理解本协议中各条款，并自主考虑风险。以下条款和条件适用于tokenim网站的所有使用以及网站上或通过网站提供的所有内容，服务和产品，包括但不限于tokenim论坛软件，tokenim支持论坛和令牌。即时托管服务(“托管”)，(合在一起，网站)。本网站由 Consenlabs(“Consenlabs”)拥有和运营。本网站的提供取决于您的接受，但不会修改此处包含的所有条款和条件以及所有其他操作规则，政策(包括但不限于
tokenim的隐私政策和社区准则)以及可能随时发布的程序。本网站由Consenlabs提供的时间(统称为“协议”)。在访问或使用本网站之前，请仔细阅读本协议。访问或使用本网站的任何部分，即表示您同意遵守本协议的条款和条件。如果您不同意本协议的所有条款和条件，则您不得访问本网站或使用任何服务。如果这些条款和条件被Consenlabs视为要约，则接受明确限于这些条款。本网站仅适用于年满13周岁的个人。1您的
token.im帐户如果您在网站上创建帐户，则您有责任维护帐户的安全性，并且您对帐户下发生的所有活动负全部责任。您必须立即通知Consenlabs未经授权使用您的帐户或任何其他安全漏洞。Consenlabs对您的任何行为或疏忽不承担任何责任，包括因此类行为或疏忽而导致的任何损害。2.贡献者的责任如果您将材料发布到网站，在网站上发布链接，或通过网站(任何此类材料
“内容”)制作(或允许任何第三方制作)材料，您对内容负全部责任内容的，以及由此产生的任何伤害。无论相关内容是否构成文本，图形，音频文件或计算机软件，情况都是如此。通过提供内容，您声明并保证:下载，复制和使用内容不会侵犯任何第三方的所有权，包括但不限千版权，专利，商标或商业秘密权利:如果您的雇主拥有您创建的知识产权的权利，您可以(i)获得雇主的许可，以发布或提供内容，包括但不限于任何软件，或(i)向您的雇主保证豁免内容的所有权利:您已完全遵守与内容相关的任何第三方许可，并已完成所有必要条件，以便成功地将最终用户传递给任何所需条款:内容不包含或安装仟何病毒，蠕中，恶意软件，特洛伊木马或其他有害或破坏性内容;内容不是垃圾邮件，不是机器或随机生成的，并且不包含旨在驱动第三方网站流量或提高第三方网站搜索引擎排名或进一步非法行为的不道德或不需要的商业内容(如作为网络钓鱼)或误导接收者的材料来源(如欺骗):内容不是色情内容，不包含威助或煽动暴力，也不侵犯任何第三方的隐私权或公开权:您的内容不会通过不需要的电子邮件进行广告宣传，例如新闻组，电子邮件列表，博客和网站上的垃圾邮件链接以及类似的未经请求的促销方式:您的内容的命名方式不会误导您的读者认为您是另一个人或公司:和对干包含计算机代码的内容，您可以准确地分类和/或描述材料的类型，性质，用途和效果，无论Consenlabs是否要求这样做。3.用户内容许可用户贡献根据CreativeCommons Attribution-NonCommercial-ShareAlike3.0 Unported License进行许可。在不限制任何这些陈述或保证的情况下，Consenlabs有权(尽管没有义务)。
Consenlabs可自行决定(i)拒绝或删除Consenlabs认为违反任何Consenlabs政策或以任何方式有害的任何内容或者令人反感，或(ii)以任何理由终止或拒绝任何个人或实体访问和使用本网站，Consenlabs可自行决定。 Consenlabs没有义务退还先前支付的任何金额。4付款和续订一般条款网站上可能提供可选的付费服务或升级。使用可选的付费服务或升级时，您同意向
Consenlabs支付指定的月度或年度订阅费。付款将在您开始使用服务或升级的当天按预付费收取，并将涵盖该服务的使用或升级，如所示每月或每年的订阅期。这些费用不予退还。自动续订除非您在适用的订购期限结束前通知Consenlabs您要取消服务或升级，否则您的订阅将自动续订，并且您授权我们使用当时适用的年度或月度订阅费(以及任何税费)我们为您记录的任何信用卡或其他付款机制。订阅可以随时取消。5.服务 托管，支持服务Consenlabs可根据每项此类服务的条款和条件提供可选的托管和支持服务。注册托管/支持或支持服务帐户即表示您同意遵守此类条款和条件。HTTPS我们提供 HTTPS作为付费附加组件。通过在tokenim上注册和使用自定义域，您授权我们代表域名注册人(例如，通过请求必要的证书)，仅用于在您的站点上提供HTTPS。企业企业托管服务由Consenlabs根据每项此类服务的条款和条件提供，这些条款和条件由客户特定合同确定。注册 Enterprise Hosting帐户即表示您同意遵守此类条款和条件。6.网站访问者的责任Consenlabs没有审查，也无法审查发布到本网站的所有材料，包括计算机软件，因此不能对该材料的内容，用途或效果负责。通过运营本网站，Consenlabs不代表或暗示其认可所发布的材料，或认为此类材料准确，有用或无害。您有责任采取必要的预防措施，以保护您自己和您的计算机系统免受病毒，蠕虫，特洛伊木马和其他有害或破坏性内容的侵害。本网站可能包含令人反感，不雅或其他令人反感的内容，以及包含技术不准确，印刷错误和其他错误的内容。本网站还可能包含侵犯隐私或公开权利，或侵犯第三方知识产权和其他所有权的材料，或者下载，复制或使用受限于附加条款和条件(陈述或未声明)的材料。Consenlabs对因访问本网站或访问者发布的内容而导致的任何损害不承担任何责任。7内容发布在其他网站上Consenlabs尚未审核，也无法审核通过
imtokenfans链接的网站和网页提供的所有资料，包括计算机软件，以及链接到imtokenfans的资料。
Consenlabs对这些非imtokenfans网站和网页没有任何控制权，并且不对其内容或其使用负责。通过链接到非imtokenfans网站或网页，Consenlabs不代表或暗示它认可此类网站或网页。您有责任采取必要的预防措施，以保护您自己和您的计算机系统免受病毒，蠕虫，特洛伊木马和其他有害或破坏性内容的侵害。对于因使用非 imtokenfans网站和网页而造成的任何伤害。
Consenlabs不承担任何责任。8.侵权和DMCA政策中于Consenlabs要求其他人尊重其知识产权，因此尊重他人的知识产权。如果您认为imtokenfans上的资料或链接的材料侵犯了您的版权，则鼓励您根据Diaital Millennium CopyrightAct政策通知 ConsenlabsConsenlabs将通过删除侵权材料或禁用侵权材料的所有链接，对所有此类通知作出回应，包括根据要求或适当情况。如果在适当的情况下，访客被确定为Consenlabs或其他人的版权或其他知识产权的屡次侵权者
Consenlabs将终止访问者访问和使用本网站的行为。在此类终止的情况下，Consenlabs没有义务退还先前支付给Consenlabs的任何金额。9.知识产权本协议不会将 Consenlabs从Consenlabs转让给您任何Consenlabs或第三方知识产权，并且此类财产的所有权利，所有权和利益将仅由Consenlabs保留(在各方之间)。
Consenlabs，tokenim，tokenim徽标以及与token.im或本网站相关的所有其他商标，服务标记，图形和徽标是Consenlabs或Consenlabs许可方的商标或注册商标。与本网站相关的其他商标，服务标记，图形和徽标可能是其他第三方的商标。您使用本网站不授予您复制或以其他方式使用任何Consenlabs或第三方商标的权利或许可。10.归因Consenlabs保留在您的内容页脚中显示归属链接的权利，例如“Poweredbytokenim”，主题作者和字体归属。11.变化Consenlabs保留自行决定修改或替换本协议任何部分的权利。您有责任定期查看本协议以了解更改。您在发布本协议的任何更改后继续使用或访问本网站即表示接受这些更改。Consenlabs将来还可以通过网站提供新的服务和/或功能(包括新工具和资源的发布)。此类新功能和/或服务应遵守本协议的条款和条件。12.终止Consenlabs可以随时终止您访问本网站的全部或任何部分，无论是否有原因，无论是否通知，立即生效。如果您希望终止本协议或您的tokenim帐户(如果您有)，您可以直接停止使用本网站。本协议的所有条款本质上应在终止后继续有效，包括但不限干所有权条款，保证免责声明，赔偿和责任限制。13.免责声明本网站"按原样”提供。Consenlabs及其供应商和许可方特此声明，不承担任何明示或暗示的担保，包括但不限干适销性，适用干特定用途和不侵权的担保。
Consenlabs及其供应商和许可方均不对本网站没有错误或对其进行连续或不间断的保证。如果你真的在读这个，这是一种解决办法。您了解您自行决定是否从本网站下载或以其他方式获取内容或服务，并承担风险。14责任限制在任何情况下，Consenlgbs或其供应商或许可方均不对任何合同，疏忽，严格责任或其他法律或公平理论对本协议的任何主题事项承担以下责任:(i)任何特殊，偶然或后果性损害:(ii)替代产品或服务的采购成本:(iii)中断使用或丢失或数据损坏或(iv)任何超过您在诉讼因由前十二(12)个月内根据本协议向Consenlabs支付的费用的金额。Consenlabs对由于超出其合理控制范围之外的任何故障或延误不承担任何责任。上述规定不适用于适用法律禁止的范围。15.一般代表和保证您声明并保证:(i)您对本网站的使用将严格遵守Consenlabs隐私政策，常见问题，本协议以及所有适用法律和法规(包括但不限于您所在国家/地区的任何当地法律或法规，州，市或其他政府区域，涉及在线行为和可接受的内容，并包括有关从本网站所在国家/地区或您居住的国家/地区输出的技术数据传输的所有适用法律，以及(ii)您的使用本网站不会侵犯或盗用任何第三方的知识产权。16.赔偿您同意赔偿并使Consenlabs，其承包商及其许可人及其各自的董事，高级职员，员工和代理人免受损害，以及因您使用本网站而产生的任何和所有索赔和费用，包括律师费，包括但不限于您违反本协议。17杂项本协议构成Consenlabs与您之间关于本协议主题的完整协议，并且只能通过Consenlabs的授权主管签署的书面修订或Consenlabs发布的修订版本进行修改。除适用法律(如果有)另有规定外，本协议，对本网站的任何访问或使用均受美国加利福尼亚州法律管辖，但不包括其法律冲突规定，以及由任何相同的争议引起的任何争议将是位于加利福尼亚州旧金山县的州和联邦法院。除了关于禁令或公平救济的索赔或有关知识产权的索赔(可以在没有发布保证金的情况下提本给任何主管法院)，根据本协议产生的任何争议应最终根据“仲裁规则"的全面仲裁规则予以解决。司法仲裁与调解服务公司(“JAMS")中三名根据此类规则仟命的仲裁员。仲裁应在加利福尼亚州旧金山以英语进行，仲裁决定可在任何法院强制执行。在执行本协议的任何诉讼或程序中，胜诉方有权获得费用和律师费。如果本协议的任何部分被视为无效或不可执行，则该部分将被解释为反映双方的原意，其余部分将保持完全有效。在任何一种情况下，任何一方对本协议的任何条款或条件的豁免或任何违反本协议的行为都不会放弃此类条款或条件或任何后续违约行为。您可以将您在本协议下的权利转让给同意并同意受其条款和条件约束的任何一方:
Consenlabs可以无条件地转让本协议项下的权利。本切议对双方，其继承人和允许的受让人具有约束力，并将保证其利益。</view>
				</view>
				<view class="popup_bottom">
					
					<view class="radioClass">
						<radio  :checked="isRadio" @click="radioChange"/>
						<label class="tongyi">我已阅读并同意服务条款和Cookie说明</label>
					</view>
					<view :class="isRadio ==false ? 'grey' : 'blue' " class="okbtn" @click="toNext">确定</view>
										
					
				</view>
			</view>
		</uni-popup>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 1000,
				SwiperHeight: 0,
				isRadio:false,
				state:''

			}
		},
		onLoad() {
			let token=this.getUserInfo()
			console.log('是否有数据',token)
			if(token!=''){
				this.Api.tab_to('/pages/wallet/wallet')
				return
			}
			this.$nextTick(() => {
				this.setSwiperHeight()
			})
		

		},
		methods: {
			setSwiperHeight() {
				var that = this
				let width = 375
				let height = 355
				uni.getSystemInfo({
					success: function(res) {
						console.log(res.windowWidth);
						console.log(res.windowHeight);

						that.SwiperHeight = (res.windowWidth / width * height)


					}
				});
			},
			openService(string){
				  this.$refs.popup.open("bottom")
				  this.state=string
			},
			closePop(){
				this.$refs.popup.close("bottom");
				this.isRadio=false
			},
			popChange(e){
				console.log(e)
				if(e.show == false){
					this.isRadio=false
				}
			},
			radioChange(e){
				console.log(e)
				
				if(this.isRadio==false){
					this.isRadio=true
				}else{
					this.isRadio=false
				}
			},
			toNext(){
				
				
				if(this.isRadio){
					this.isRadio=false
					if(this.state=='create'){
					this.Api.go_to('/pages/regist/regist')}
					else{
						this.Api.go_to('/pages/recover/recover')
					}
				}
			},
			getUserInfo(){
				let token=uni.getStorageSync("token")
				return token
			}



		}
	}
</script>

<style scoped>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.swiper {
		width: 100%;

	}

	.swiper-item {
		width: 100%;
		height: auto;
	}

	.banner {
		width: 100%;
	}


	//设置轮播的指示点大小
	.uni-swiper-wrapper {
		/deep/ .uni-swiper-dots {
			// 指示点整个区域
			bottom: 200rpx;
		}

	}

	.caozuo {
		position: fixed;
		bottom:150rpx;
		width: 90%;
		border-radius: 20rpx;
		border: 2rpx #F2F2F8 solid;
		padding-left: 20rpx;
	}

	.item {
		display: flex;
		flex-direction: row;
		padding: 20rpx 20rpx;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;

	}

	.borderBottom {
		border-bottom: 2rpx #F2F2F8 solid;

	}

	.left {
		display: flex;
		flex-direction: column;
		flex: 1;
		justify-content: center;


	}

	.title {
		font-size: 40rpx;
		color: #006DD6;
	}

	.miaoshu {
		margin-top: 10rpx;
		font-size: 30rpx;
		color: #8D96A5;
	}

	.right {
		width: 30rpx;

	}

	.rightImg {
		width: 100%;
	}
	
	.help{
		position: fixed;
		bottom: 50rpx;
		
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		
	}
	.helpImg{
		width:33rpx ;
	}
	.helpTitle{
		color: #006DD6;
		margin-left: 10rpx;
	}
	.popup{
		
		height: 80vh;
		display: flex;
		width: 100%;
		flex-direction: column;
		border-top-left-radius: 10rpx;
		border-top-right-radius: 10rpx;
		align-items: center;
		
	}
	
	.popup_title{
		width: 100%;
		height: 100rpx;
		border-top-left-radius: 10rpx;
		border-top-right-radius: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 50rpx;
		background-color: #F5F5F5;
		
	}
	.topTitle{
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #77788A;
		font-size: 35rpx;
	}
	.back{
		width: 32rpx;
		margin-left: 40rpx;
	}
	.lag{
		width: 40rpx;
		margin-right: 40rpx;
	}
	.popup_content{
		
		width: 100%;
		height: calc(80vh - 280rpx);
		padding: 0rpx 40rpx;
		padding-top: 50rpx;
		
		box-sizing: border-box;
		
		overflow-y: scroll;
		
	}
	.popup_content::-webkit-scrollbar {
	  display: none;
	}
	
	.popup_bottom{
		width: 100%;
		height:200rpx;
		background-color:#F5F5F5 ;
		position: fixed;
		bottom: 0;
		box-sizing: border-box;
		padding:0rpx  40rpx;
		
	}
	
	.fw_title{
		width: 100%;
		text-align: center;
		margin-bottom: 80rpx;
	}
	.fw_time{
		margin:50rpx 0rpx;
	}
	.radioClass{
		margin-top: 20rpx;
	}
	.tongyi{
		margin-left: 10rpx;
	}
	.okbtn{
		margin-top: 30rpx;
		width: 100%;
		background-color: #006DD6;
		text-align: center;
		height: 80rpx;
		color: white;
		line-height: 80rpx;
		
	}
	.blue{
		background-color: #1277DF;
	}
	.grey{
		background-color: #B4BCBF;
		
	}
</style>
